<template>
  <view>
    <schoolHeader></schoolHeader>
    <view class="wa1">
      <view class="wa2">
        <view class="wa2-title">北京爱迪国际学校小学课程</view>
        <view class="wa3">
          <view class="wa3-a">
            <image></image>
          </view>
          <view class="wa3-b">
            <view class="wa3-c">
              <view class="wa3-c1">学习模式：</view>
              <view class="wa3-c2">6年学制</view>
            </view>
            <view class="wa3-c">
              <view class="wa3-c1">学习模式：</view>
              <view class="wa3-c2">6年学制</view>
            </view>
            <view class="wa3-c">
              <view class="wa3-c1">学习模式：</view>
              <view class="wa3-c2">6年学制</view>
            </view>
            <view class="wa3-c">
              <view class="wa3-c1">学习模式：</view>
              <view class="wa3-c2">6年学制</view>
            </view>
          </view>
        </view>
        <view class="wa4">
          测试文字测试文字测试文字测试文字测试文字测试文字测试文字测试文字
        </view>
        <view class="wa5">
          <image></image>
        </view>
        <view class="wa6">测试文字</view>
      </view>
    </view>
    <c-footer></c-footer>
  </view>
</template>

<script>
import schoolName from "../../components/schoolName/schoolName.vue"
import footers from '../../components/footer/footers.vue';
import './index.css'

export default {
components:{
schoolName,
footers, 
}
}
</script>

<style>
.wa2-title image{
  width: 100%;
  height: 100%;
}
.wa1{
  width: 100%;
  height: 1000px;
  margin-top: 20px;
}
.wa2{
  padding: 2%;
  background-color: white;
}
.wa2-title{
  padding: 30px 0px;
  text-align: center;
  color: #186BB7;
  font-size: 35px;
  font-weight: bold;
  border-bottom: 7px solid #186BB7;
}
.wa3{
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  margin: 35px 0px;
  height: 270px;
  background-color: blueviolet;
  width: 100%;
}
.wa3-a{
  width: 220px;
  height: 220px;
  background-color: chartreuse;
}
.wa3-b{
  height: 88%;
  width: 66%;
  background-color: chartreuse;
  margin-left: auto;
}
.wa3-c{
  display: flex;
  padding: 10px 0px;
}
.wa3-c1{
  font-weight: bold;
}
.wa4{
  width: 100%;
  line-height: 30px;
  padding-bottom: 20px;
  font-size: 27px;
  color: #ccc;
}
.wa5{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 400px;
  background-color: violet;
}
.wa5 image{
  width: 66%;
  height: 80%;
  background-color: cornflowerblue;
}
.wa6{
  color: #ccc;
  padding: 20px 0px;
  font-size: 27px;
  font-weight: 500;
}
</style>